<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<header th:fragment="PageHeadfragment" class="header">
    <nav class="navbar navbar-expand-lg px-4 py-2 bg-white shadow" ma><a href="#" class="sidebar-toggler text-gray-500 mr-4 mr-lg-5 lead"><i class="fas fa-align-left"></i></a>
        <li style="list-style-type: none;" class="sidebar-list-item"><a href="index" class="sidebar-link text-muted active"><i class="o-home-1 mr-3 text-gray"></i><span>主页</span></a></li>
        <li style="list-style-type: none;" class="sidebar-list-item"><a href="dblink" class="sidebar-link text-muted"><i class="o-database-1 mr-3 text-gray"></i><span>连接</span></a></a></li>
        <li style="list-style-type: none;" class="sidebar-list-item"><a href="/newQuery" class="sidebar-link text-muted"><i class="o-wireframe-1 mr-3 text-gray"></i><span>新建查询</span></a></li>
        <li style="list-style-type: none;" class="sidebar-list-item"><a href="/table" class="sidebar-link text-muted"><i class="o-table-content-1 mr-3 text-gray"></i><span>表</span></a></li>
        <li style="list-style-type: none;" class="sidebar-list-item"><a href="charts.html" class="sidebar-link text-muted"><i class="o-imac-screen-1 mr-3 text-gray"></i><span>视图</span></a></li>
        <li style="list-style-type: none;" class="sidebar-list-item"><a th:href="@{UserInformation(current=1,size=5)}" class="sidebar-link text-muted" ><i class="o-exit-1 mr-3 text-gray"></i><span>用户</span></a></li>
        <li style="list-style-type: none;" class="sidebar-list-item"><a href="charts.html" class="sidebar-link text-muted"><i class="o-wireframe-1 mr-3 text-gray"></i><span>其他</span></a></li>
        <li style="list-style-type: none;" class="sidebar-list-item"><a href="/Operationlog" class="sidebar-link text-muted"><i class="o-paperwork-1 mr-3 text-gray"></i><span>日志</span></a></li>
        <li style="list-style-type: none;" class="sidebar-list-item"><a href="charts.html" class="sidebar-link text-muted"><i class="o-sales-up-1 mr-3 text-gray"></i><span>图表</span></a></li>
<!--        class="sidebar-link text-muted"-->
        <ul class="ml-auto d-flex align-items-center list-unstyled mb-0">
            <li class="nav-item"></li>


            <li class="nav-item dropdown mr-3"><a id="notifications" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle text-gray-400 px-1"><i class="fa fa-bell"></i><span class="notification-icon"></span></a>
                <div aria-labelledby="notifications" class="dropdown-menu"><a href="#" class="dropdown-item">
                    <div class="d-flex align-items-center">
                        <div class="icon icon-sm bg-violet text-white"><i class="fab fa-twitter"></i></div>
                        <div class="text ml-2">
                            <p class="mb-0">You have 2 followers</p>
                        </div>
                    </div></a><a href="#" class="dropdown-item">
                    <div class="d-flex align-items-center">
                        <div class="icon icon-sm bg-green text-white"><i class="fas fa-envelope"></i></div>
                        <div class="text ml-2">
                            <p class="mb-0">You have 6 new messages</p>
                        </div>
                    </div></a><a href="#" class="dropdown-item">
                    <div class="d-flex align-items-center">
                        <div class="icon icon-sm bg-blue text-white"><i class="fas fa-upload"></i></div>
                        <div class="text ml-2">
                            <p class="mb-0">Server rebooted</p>
                        </div>
                    </div></a><a href="#" class="dropdown-item">
                    <div class="d-flex align-items-center">
                        <div class="icon icon-sm bg-violet text-white"><i class="fab fa-twitter"></i></div>
                        <div class="text ml-2">
                            <p class="mb-0">You have 2 followers</p>
                        </div>
                    </div></a>
                    <div class="dropdown-divider"></div><a href="#" class="dropdown-item text-center"><small class="font-weight-bold headings-font-family text-uppercase">View all notifications</small></a>
                </div>
            </li>
            <li class="nav-item dropdown ml-auto"><a id="userInfo"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle"><img src="img/avatar-6.jpg" alt="Jason Doe" style="max-width: 2.5rem;" class="img-fluid rounded-circle shadow"></a>
                <div aria-labelledby="userInfo" class="dropdown-menu"><a href="#" class="dropdown-item"><strong class="d-block text-uppercase headings-font-family" th:text="${session.user.getUsername()}">未登录</strong><small th:text="${session.user.getEmail()}"></small></a>
                    <div class="dropdown-divider"></div><a href="#" class="dropdown-item">Settings</a><a href="#" class="dropdown-item">Activity log       </a>
                    <div class="dropdown-divider"></div><a href="/exit" class="dropdown-item">退出</a>
                </div>
            </li>
        </ul>
    </nav>
</header>

</html>